<!--
 * @Author: 郝奔 1425466221@qq.com
 * @Date: 2024-11-29 10:20:27
 * @LastEditors: gaoyu gy15354315043@163.com
 * @LastEditTime: 2025-01-14 10:39:56
 * @FilePath: /HG-dqbasic_open_platform/src/framework/views/error-page/401.vue
 * @Description: 
 * Copyright (c) 2024-present HBIS Digital Technology Co.,Ltd. All rights reserved. 
-->
<!-- setup 无法设置组件名称，组件名称keepAlive必须 -->
<script setup lang="ts">
defineOptions({
  name: 'Page401',
})

</script>


<template>
  <div class="errPage-container">
    <div class="top">
      <div style="margin-bottom: 16px">尊敬的用户：</div>
      <div>您尝试访问的功能还没有访问权限，请联系管理员。</div>
    </div>
    <div class="not-found">
      <div class="text">暂无权限</div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.errPage-container {
  width: 100%;
  min-height: calc(100vh - 180px);
  overflow: hidden;
  background-color: #fff;
  padding: 24px;
  .top{
    background-image: url('@/framework/assets/401_banner.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 128px;
    font-size: 16px;
    color: #131414;
    line-height: 24px;
    padding: 32px;
  }
  .not-found{
    background-image: url('@/framework/assets/401_notData.png');
    height: 300px;
    width: 300px;
    font-size: 16px;
    color: #909399;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    margin-top: 118px;
    padding-top: 275px;
  }
}
</style>
